<script>
  export let size = "18px";
  export let primaryColor = "#3524C7";
  export let secondaryColor = "#9CABFF";
</script>

<svg
  xmlns="http://www.w3.org/2000/svg"
  width={size}
  height={size}
  viewBox="0 0 18 18"
  fill="none"
>
  <rect x="4.5" y="10.5" width="2.25" height="3.75" fill={primaryColor} />
  <path
    d="M4.5 5.625C4.5 5.41789 4.66789 5.25 4.875 5.25H6.375C6.58211 5.25 6.75 5.41789 6.75 5.625V9H4.5V5.625Z"
    fill={primaryColor}
  />
  <rect x="4.5" y="9" width="2.25" height="1.5" fill={secondaryColor} />
  <rect x="8.25" y="12.75" width="2.25" height="1.5" fill={primaryColor} />
  <path
    d="M8.25 8.625C8.25 8.41789 8.41789 8.25 8.625 8.25H10.125C10.3321 8.25 10.5 8.41789 10.5 8.625V11.25H8.25V8.625Z"
    fill={primaryColor}
  />
  <rect x="8.25" y="11.25" width="2.25" height="1.5" fill={secondaryColor} />
  <rect x="12" y="9.75" width="2.25" height="4.5" fill={primaryColor} />
  <path
    d="M12 4.125C12 3.91789 12.1679 3.75 12.375 3.75H13.875C14.0821 3.75 14.25 3.91789 14.25 4.125V7.5H12V4.125Z"
    fill={primaryColor}
  />
  <rect x="12" y="7.5" width="2.25" height="2.25" fill={secondaryColor} />
  <path
    fill-rule="evenodd"
    clip-rule="evenodd"
    d="M1.5 15V2.625C1.5 2.41789 1.66789 2.25 1.875 2.25H2.25C2.45711 2.25 2.625 2.41789 2.625 2.625V15H1.5Z"
    fill={primaryColor}
  />
  <path
    fill-rule="evenodd"
    clip-rule="evenodd"
    d="M16.5 14.625C16.5 14.8321 16.3321 15 16.125 15H2.25V13.875H16.125C16.3321 13.875 16.5 14.0429 16.5 14.25V14.625Z"
    fill={primaryColor}
  />
</svg>
